html, body, #app {
  height: 100%;
  margin: 0;
  padding: 0;
  min-width: 1300px;
}

.full-height {
  height: 100%;
}
.fr {
  float: right;
}
@each $num, $size in (1: 1rem, 2: 1.25rem, 3: 1.5rem, 4: 1.75rem, 5: 2rem) {
  .font-#{$num} {
    font-size: $size;
  }
}
@mixin zoomImage {
  width:100%;
  height:0;
  overflow:hidden;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}

@each $size, $padding-bottom in (50: 50%, 66: 66%, 80: 80%, 100: 100%, 120: 120%, 133: 133%, 150: 150%) {
  .zoomImage-#{$size} {
    @include zoomImage;
    padding-bottom: $padding-bottom;
  }
}
.particles-js {
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99%;
  z-index: -1;
}
.shadow-none {
  box-shadow: none;
}
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}
